<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta name="robots" content="noindex,nofollow"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <style>
        h2 {
            color: #4288ce;
            font-weight: 400;
            padding: .12rem 0;
            margin: .12rem 0 0;
            font-size: .36rem;
            border-bottom: .02rem solid #eee;
        }

        /* Exception Variables */
        .exception-var table {
            width: 100%;
            max-width: 10rem;
            margin: .24rem 0;
            box-sizing: border-box;
            table-layout: fixed;
            word-wrap: break-word;
        }

        .exception-var table caption {
            text-align: left;
            font-size: .32rem;
            font-weight: bold;
            padding: .12rem 0;
        }

        .exception-var table caption small {
            font-weight: 300;
            display: inline-block;
            margin-left: .2rem;
            color: #ccc;
        }

        .exception-var table tbody {
            font-size: .26rem;
            font-family: Consolas, "Liberation Mono", Courier, "微软雅黑", serif;
        }

        .exception-var table td {
            padding: .06rem .12rem;
            vertical-align: top;
            word-break: break-all;
        }

        .exception-var table td:first-child {
            width: 2%;
            font-weight: bold;
            white-space: nowrap;
        }

        .exception-var table td pre {
            margin: 0;
        }
        .exception-var {
            width: 11rem;
            /* height: 6.8rem; */
            margin: 1rem auto;
            border: .02rem solid #6e6e6e !important;
            padding: .4rem;
            padding-top: 1rem;
            /* border-radius: .2rem; */
            box-shadow: 0px 0px .4rem .04rem #0000004a;
            transition: .8s;
        }
        .exception-var:hover {
            box-shadow: 0px 0px .4rem 0px #525252;
        }
        .exception-var table tbody {
            line-height: .44rem;
            font-size: .3rem;
        }
        .exception-var h2 {
            border-bottom: .04rem solid #c2c2c2;
        }
        .font {
            font-size: .36rem !important;
            font-weight: normal !important;
        }
        html {
            font-size: 50px;
        }
        @media screen and (min-width: 320px) {
          html {
            font-size: 21.33333333px;
          }
          .exception-var table td:first-child {
            width: 5% !important;
          }
        }
        @media screen and (min-width: 360px) {
          html {
            font-size: 24px;
          }
          .exception-var table td:first-child {
            width: 5% !important;
          }
        }
        @media screen and (min-width: 375px) {
          html {
            font-size: 25px;
          }
          .exception-var table td:first-child {
            width: 5% !important;
          }
        }
        @media screen and (min-width: 384px) {
          html {
            font-size: 25.6px;
          }
          .exception-var table td:first-child {
            width: 5% !important;
          }
        }
        @media screen and (min-width: 400px) {
          html {
            font-size: 26.66666667px;
          }
          .exception-var table td:first-child {
            width: 5% !important;
          }
        }
        @media screen and (min-width: 414px) {
          html {
            font-size: 27.6px;
          }
        }
        @media screen and (min-width: 424px) {
          html {
            font-size: 28.26666667px;
          }
          .exception-var table td:first-child {
            width: 5% !important;
          }
        }
        @media screen and (min-width: 480px) {
          html {
            font-size: 32px;
          }
          .exception-var table td:first-child {
            width: 5% !important;
          }
        }
        @media screen and (min-width: 540px) {
          html {
            font-size: 36px;
          }
          .exception-var table td:first-child {
            width: 5% !important;
          }
        }
        @media screen and (min-width: 720px) {
          html {
            font-size: 48px;
          }
        }
        @media screen and (min-width: 750px) {
          html {
            font-size: 50px;
          }
        }
        body {
        background-color: #000;
        font-family: Arial,Segoe UI;
        animation: move 1s infinite steps(10);
      }
      .exception-var {
        border: 2px solid red !important;
        border-top: 18px solid red !important;
        background-color: #000;
      }
      .exception-var h2 {
        color: red;
        font-weight: bold;
        font-size: 20px;
      }
      .exception-var table {
        color: #2ad828;
        font-size: .32rem;
      }
      @keyframes move {
        0% {
          background-color: #000;
        }
        25% {
          background-color: #f10b0bb8;
        }
        35% {
          background-color: #000;
        }
      }
    </style>
    <!-- <link rel="stylesheet" href="https://at.alicdn.com/t/c/font_4017808_orro25c80di.css?spm=a313x.7781069.1998910419.52&file=font_4017808_orro25c80di.css"> -->
    <link rel="stylesheet" href="font.css">
    <title></title>
</head>
<body>

<div class="exception-var">
    <h2>Exception Datas</h2>
    <table>
        <tbody>
        <tr>
            <td class="font iconfont icon-daima1"></td>
            <td>Code</td>
            <td>404</td>
        </tr>
        <tr>
            <td class="font iconfont icon-shijian"></td>
            <td>Time</td>
            <td>2023-04-15 15:12:26</td>
        </tr>
        <tr>
            <td class="font iconfont icon-lujing"></td>
            <td>Path</td>
            <td>/</td>
        </tr>
        <tr>
            <td class="font iconfont icon-50wenti"></td>
            <td>Exception</td>
            <td>NoHandlerFoundException</td>
        </tr>
        <tr>
            <td class="font iconfont icon-xinxi"></td>
            <td>Message</td>
            <td style="color: red">No handler found for GET /</td>
        </tr>
        </tbody>
    </table>
</div>
</body>
</html>